<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8"/>
        <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
        <meta name="format-detection" content="telephone=no">
        <title>main1</title>
        <link rel="stylesheet" href="../plugin/seedsui/seedsui.min.css">
    </head>
<body>
	<section id="page_main1" class="active">
		<header>
			<div class="titlebar">
				<a href="javascript:back()">
                    <i class="icon icon-arrowleft"></i>
                </a>
				<h1>主页1</h1>
				<a id="asidemenu"><i class="icon me"></i></a>
			</div>
		</header>
		<article>
			<div class="slider-container" id="carousel1">
                <div class="slider-wrapper">
                    <div class="slider-slide">
                        <img src="../img/main1/banner.jpg"/>
                    </div>
                    <div class="slider-slide">
                        <img src="../img/main1/banner.jpg"/>
                    </div>
                    <div class="slider-slide">
                        <img src="../img/main1/banner.jpg"/>
                    </div>
                </div>
                <div class="slider-pagination"></div>
            </div>
            <!--用flex布局更方便灵活-->
            <!--用flex布局更方便灵活-->
            <div class="box" style="padding:2px 2px 0 2px;">
                <div class="box-flex-1 box box-middlecenter box-vertical relative bg-1" style="margin:2px;">
                    <p style="font-size: 50px;">300</p>
                    <p style="opacity: 0.7;">您的积分</p>
                    <p style="position: absolute;right:10px;bottom:10px;text-align: right;">小明，欢迎您</p>
                </div>
                <div class="box box-vertical box-flex-1" style="margin:2px;">
                    <div class="box-flex-1 bg-2" style="padding:0 4px;margin-bottom:4px;">
                        <ul class="list bg-transparent noclick">
                            <li><div class="justify-content">资料1</div></li>
                            <li><div class="justify-content">资料2</div></li>
                        </ul>
                        <div style="padding:8px 0;text-align: right;"><a style="color:white;">更多资料...</a></div>
                    </div>
                    <div class="box-flex-1 box box-horizontal">
                        <ul class="grid metro" data-col="2" style="padding:0;width:100%;">
                            <li style="padding:0 2px 0 0">
                                <a class="bg-3" style="height:100px;">
                                    <i class="icon icon-contact-fill"></i>
                                    <label class="nowrap">海关警员</label>
                                </a>
                            </li>
                            <li style="padding:0 0 0 2px">
                                <a class="bg-4" style="height:100px;">
                                    <i class="icon icon-write-fill"></i>
                                    <label>电子书</label>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <!--下部菜单-->
            <ul class="grid metro" data-col="3" style="padding:0 2px;">
                <li style="width:50%">
                    <a class="bg-5">
                        <i class="icon icon-chartpie-fill"></i>
                        <label class="nowrap">岗位练兵</label>
                    </a>
                </li>
                <li style="width:25%">
                    <a class="bg-6">
                        <i class="icon icon-write-fill"></i>
                        <label>在线问卷</label>
                    </a>
                </li>
                <li style="width:25%">
                    <a class="bg-7">
                        <i class="icon icon-position-fill"></i>
                        <label>在线提问</label>
                    </a>
                </li>
                <li style="width:25%">
                    <a class="bg-8">
                        <i class="icon icon-folder-fill"></i>
                        <label>友情链接</label>
                    </a>
                </li>
                <li style="width:25%">
                    <a class="bg-9">
                        <i class="icon icon-gear-fill"></i>
                        <label>备忘录</label>
                    </a>
                </li>
                <li style="width:50%">
                    <a class="bg-10">
                        <i class="icon icon-contact-fill"></i>
                        <span class="metro-tip">3</span>
                        <label class="nowrap">消息推送</label>
                    </a>
                </li>
            </ul>
		</article>
	</section>
	
    <script src="../plugin/jquery/jquery.min.js"></script>
    <script src="../plugin/seedsui/seedsui.min.js"></script>
    <script type="text/javascript">
		window.addEventListener("load",function(e){
			//广告轮播
			var carrousel = new Slider('#carousel1', {
				pagination: '.slider-pagination'
			});
            /*var carrousel=new Slider("#carousel1",{
                pagination: '#carousel1 .slider-pagination'
            });*/
			/*侧边栏*/
			$("#asidemenu,.section_container_mask").click(function(){
				$("#aside_container").toggleClass("active");
			});
		},false);
		//定义exmobi返回
		function back(){history.go(-1);}
	</script>
</body>
</html>